<template>
	<view>
		<view class="uv-content">
			<view class="uv-content__circle">
				<uv-icon name="checkbox-mark" color="#fff" size="30"></uv-icon>
			</view>
			<text class="uv-content__normal">成功添加</text>
		</view>
	</view>
</template>
<style lang="scss" scoped>
	@mixin flex($direction: row) {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: $direction;
	}
	.uv-content {
		padding: 150px 60px 0;
		@include flex(column);
		align-items: center;
		justify-content: center;
		&__circle {
			background-color: #5ac725;
			@include flex;
			border-radius: 100px;
			width: 60px;
			height: 60px;
			align-items: center;
			justify-content: center;
		}
		&__normal {
			font-size: 30rpx;
			color: #5ac725;
			margin-top: 30rpx;
		}
	}
</style>